<!DOCTYPE html>
<html>
  <head>
    <title>Tim chuyen bay</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	  <link href="css/datepicker.css" rel="stylesheet">
   <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	 <script src="js/bootstrap-datepicker.js"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
   <script>
       $(function () {
           window.prettyPrint && prettyPrint();
           $('.datepicker').datepicker({
               format: 'dd-mm-yyyy'
           });
       }); 
  </script>
  </head>
  <body>

  <h3 class="text-center  text-success">Tìm chuyến bay</h3>

  <form class="form-horizontal" role="form" action="Flights.html">

 <div class="form-group">
  <div class=" col-xs-12 text-center">
<label class="radio radio-inline active">
 <input type="radio" checked="" value="O" id="Radio2" name="optionsRadios">
 Một chiều
</label>
<label class="radio radio-inline">
           <input type="radio" checked="" value="R" id="Radio3" name="optionsRadios">
Một chiều
</label>
</div>
 </div>
  <div class="form-group">
    <label class="col-md-2 col-sm-3 control-label text-right">Điểm đi</label>
    <div class="col-md-3 col-sm-7 col-xs-12">
  	<select class="form-control" >
		  <option>Hà Nội</option>
		  <option>Hải Phòng</option>
		  <option>TP. Hồ Chí Minh</option>
		  <option>Đà Nẵng</option>
		  <option>Cần Thơ</option>
		</select>
   
    </div>
   <label class="col-md-2 col-sm-3  control-label">Điểm đến</label>
    <div class="col-md-3  col-sm-7 col-xs-12 ">
     
		<select class="form-control" >
		  <option>Hà Nội</option>
		  <option>Hải Phòng</option>
		  <option>TP. Hồ Chí Minh</option>
		  <option>Đà Nẵng</option>
		  <option>Cần Thơ</option>
		</select>
   
    </div>
	</div>
    <div class="form-group">
    <label class="col-md-2 col-sm-3 col-xs-12 control-label">Ngày đi <span class="glyphicon glyphicon-calendar"></span></label>
    <div class="col-md-3 col-sm-7 ">
    <input type="text" id="Text1" value="02-16-2012"class="form-control datepicker" />
	</div>
   
    <label class="col-md-2 col-sm-3 col-xs-12 control-label">Ngày Về <span class="glyphicon glyphicon-calendar"></span></label>
    <div class="col-md-3 col-sm-7">
     <input type="text" id="Text2" value="02-16-2012"class="form-control datepicker" />
    </div>
    </div>
   <div class="form-group">
    <label class="col-md-2 col-sm-3 col-xs-5 control-label">Người lớn</label>
    <div class="col-md-1 col-sm-1 col-xs-7">
   
		<select class="form-control">
		  <option>1</option>
		  <option>2</option>
		  <option>3</option>
		  <option>4</option>
		  <option>5</option>
		</select>
        </div>
    <label class="col-md-1 col-sm-2 col-xs-5 control-label">Trẻ em</label>
    <div class="col-md-1 col-sm-1 col-xs-7">
   
		<select class="form-control">
         <option>0</option>
		  <option>1</option>
		  <option>2</option>
		  <option>3</option>
		  <option>4</option>
		  <option>5</option>
		</select>
        </div>
    <label class="col-md-1 col-sm-2 col-xs-5 control-label">Em bé</label>
    <div class="col-md-1 col-sm-1 col-xs-7">
   
		<select class="form-control">
         <option>0</option>
		  <option>1</option>
		  <option>2</option>
		  <option>3</option>
		</select>
        </div>
    </div>
  <div class="form-group">
    <div class="col-xs-8 col-xs-offset-2">
      <button type="submit" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-search"></span>
    Tìm chuyến bay</button>
    </div>
  </div>
</form>

  </body>
</html>